<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.
    css">
    <link rel="stylesheet" href="./css/slider.css">
    <link rel="stylesheet" href="./css/model.css">
    <link rel="stylesheet" href="./css/product.css">
</head>
<body>
     <!-- 头部开始 -->
     <div class="header">
        <div class="top">
            <div class="wrapper clear">
                <span class="fr">
                    欢迎光临
                    <a href="#">乐购</a>
                    ，请登入\
                    <a href="#">注册</a>
                </span>
            </div>
    
        </div>
        <div class="wrapper top_nav clear">
            <img src="./imgs/logo.jpg" alt="" class="logo1">
            <input type="text" class="seek" value="创意文字">
            <i class="bgicon"></i>

            <div class="order">
                <i class="bgicon2"></i>
               <span class="pay">
                   购物车  3
               </span>
                <span class="goods ">
                    我的订单
                </span>

            </div>
          
        </div>
       <div class="nav wrapper">
        <ul class="fr"> 
            <li>图书</li>
            <li>电子书</li>
            <li>原创文学</li>
            <li>服装</li>
            <li>户外运动</li>
            <li>孕婴服</li>
            <li>家居</li>
            <li>创意文具</li>
            <li>地方特产</li>
            <li>海外购</li>
            <li>电器城</li>
        </ul>

       </div>
     </div>
   
    <!--头部结束  -->
    <!-- 海报开始 -->
    <div id="banner" class="wrapper clearfix">
         <!--轮播开始-->
  <div class="pptbox" id="bannerInner">
    <!--轮播的内容-->
    <ul class="innerwrapper">
      <li>
        <img src="imgs/banner1.jpg" />
      </li>
      <li>
        <a href="#"></a><img src="imgs/banner2.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="imgs/banner3.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="imgs/banner4.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="imgs/banner5.jpg" /></a>
      </li>
    </ul>
    <!--数字控制器-->
    <ul class="controls">
      <li class="current">1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>
    <!--按钮控制器-->
    <span class="btnleft"></span>
    <span class="btnright"></span>
  </div>
  <!--轮播结束-->
  <script src="./lib/jquery.js" type="text/javascript" charset="utf-8"></script>
  <!--插件库-->
  <script src="./lib/slider.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    //主轮播图
    $("#bannerInner").tyslide({
      boxh: 420,//盒子的高度
      w: 1000,//盒子的宽度
      h: 380,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 20,//控制按钮宽度
      controlsH: 20,//控制按钮高度
      radius: 10,//控制按钮圆角度数
      controlsColor: "#d7d7d7",//普通控制按钮的颜色
      controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
      isShowNum: true //是否显示数字
    });
  </script>
  <!-- 轮播结束 -->

  <div class="banner_right">

  </div>

    </div>
    <!-- 海报结束 -->
    <!-- 页脚开始 -->
    <div class="wrapper footer">
        <div class="small_footer">
            <ul class="footer_one clearfix">
                <li>
                    <img src="./imgs/222_11.png" alt="">
                </li>
                <li>
                    <img src="./imgs/222_13.png" alt="">
    
                </li>
                <li>
                    <img src="./imgs/222_15.png" alt="">
                </li>
                <li>
                    <img src="./imgs/222_17.png" alt="">
                </li>
            </ul>
        </div>
        <ul class="big_size clearfix">
            <li>
                <ul class="small_size">
                    <li>购物指南</li>
                    <li>购物流程</li>
                    <li>发票制度</li>
                    <li>账户管理</li>
                    <li>会员优惠</li>
                </ul>

            </li>
            <li>
                <ul class="small_size">
                    <li>支付方式</li>
                    <li>货到付款</li>
                    <li>网上支付</li>
                    <li>礼品卡支付</li>
                    <li>银行转账</li>
                </ul>
            </li>
            <li>
                <ul class="small_size">
                    <li>订单服务</li>
                    <li>订单配送查询</li>
                    <li>订单状态说明</li>
                    <li>自助取消订单</li>
                    <li>自助修改订单</li>
                </ul>
            </li>
            <li>
                <ul class="small_size">
                    <li>退换货</li>
                    <li>退换货政策</li>
                    <li>自助申请退换货</li>
                    <li>退换货进度查询</li>
                    <li>退款方式和时间</li>
                </ul>
            </li>
            <li>
                <ul class="small_size">
                    <li>商家服务</li>
                    <li>商家中心</li>
                    <li>运营服务</li>
                    <li>加入唯品会</li>
                   
                </ul>
            </li>
            
            <img src="./imgs/logo_00.png" alt="">
            <div class="clear"></div>
        </ul>
        
        <div class="bottom_footer">
            <p>公司简介 &nbsp; | &nbsp; Investor Relations &nbsp; | &nbsp; 网站联盟 &nbsp; | &nbsp; 乐购招商 &nbsp; | &nbsp; 机构销售
                &nbsp; | &nbsp; 手机乐购 &nbsp; | &nbsp; 官方Blog &nbsp; | &nbsp; 热词搜索</p>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p> 

        </div>

        

    </div>
    <!-- 页脚结束 -->
</body>
</html>